
@supports (background-color: color(green a(10%))) {
}

@supports (background-color: color(green a(10%))) {
}

@supports (background-color: color(green a(10%))) {
}

@supports (background-color: color(green a(10%))) {
}

@supports (background-color: color(green a(10%))) {
}

@supports (background-color: color(green a(10%))) {
}

:root {
    --mdc-dialog-dark-theme-bg-color: #303030
}

:root {
    --mdc-persistent-drawer-dark-theme-bg-color: #212121
}

:root {
    --mdc-permanent-drawer-dark-theme-bg-color: #212121
}

@supports (background-color: color(green a(10%))) {
}

@supports (background-color: color(green a(10%))) {
}

@supports (background-color: color(green a(10%))) {
}

@supports (background-color: color(green a(10%))) {
}

@supports (display: grid) {
}

@supports (display: grid) {
}

@media (min-width: 840px) {
    @supports (display: grid) {
    }
}

@media (min-width: 480px) and (max-width: 839px) {
    @supports (display: grid) {
    }
}

@media (max-width: 479px) {
    @supports (display: grid) {
    }
}

@media (min-width: 840px) {
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
}

@media (min-width: 480px) and (max-width: 839px) {
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
}

@media (max-width: 479px) {
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
    @supports (display: grid) {
    }
}

@supports (display: grid) {
}

@supports (display: grid) {
}

.mdc-list {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.75rem;
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
    margin: 0;
    padding: 8px 16px 0;
    line-height: 1.5rem;
    list-style-type: none
}

.mdc-list-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 48px
}

.mdc-list-item__start-detail {
    width: 24px;
    height: 24px;
    margin-left: 0;
    margin-right: 32px
}

.mdc-list-item__end-detail {
    width: 24px;
    height: 24px;
    margin-left: auto;
    margin-right: 16px
}

.mdc-list-item__text {
    display: inline-flex;
    flex-direction: column
}

.mdc-list--avatar-list .mdc-list-item {
    height: 56px
}

.mdc-list--avatar-list .mdc-list-item__start-detail {
    width: 40px;
    height: 40px;
    margin-left: 0;
    margin-right: 16px;
    border-radius: 50%
}

.mdc-list--two-line .mdc-list-item {
    height: 72px
}

@supports (background-color: color(green a(10%))) {
}

@supports (background-color: color(green a(10%))) {
}

@supports (background-color: color(green a(10%))) {
}

@supports (background-color: color(green a(10%))) {
}

@supports (background-color: color(green a(10%))) {
}

@supports (background-color: color(green a(10%))) {
}

.mdc-textfield__input {
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
    padding: 0 0 8px;
    border: none;
    background: none;
    font-size: inherit;
    appearance: none
}

.mdc-textfield__input:focus {
    outline: none
}

.mdc-textfield__input:invalid {
    box-shadow: none
}

.mdc-textfield--multiline .mdc-textfield__input:invalid:not(:focus) {
    border-color: #d50000
}

.mdc-textfield--theme-dark .mdc-textfield--multiline .mdc-textfield__input:invalid:not(:focus),
.mdc-theme--dark .mdc-textfield--multiline .mdc-textfield__input:invalid:not(:focus) {
    border-color: #ff6e6e
}

.mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:invalid:not(:focus) {
    border-color: #d50000
}

.mdc-textfield--theme-dark:not(.mdc-textfield--upgraded) .mdc-textfield__input:not(:focus),
.mdc-theme--dark .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:not(:focus) {
    border-color: rgba(255, 255, 255, 0.12)
}

.mdc-textfield--theme-dark:not(.mdc-textfield--upgraded) .mdc-textfield__input:invalid:not(:focus),
.mdc-theme--dark .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:invalid:not(:focus) {
    border-color: #ff6e6e
}

:root {
    --mdc-theme-primary: #fbc02d;
    --mdc-theme-accent: #ffa000;
    --mdc-theme-background: #fff;
    --mdc-theme-text-primary-on-primary: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-primary: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-primary: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-primary: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-primary: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-accent: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-accent: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-accent: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-accent: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-accent: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-dark: white;
    --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5)
}

@font-face {
    font-family: 'hs-bold';
    src: url("https://cdn.jsdelivr.net/gh/moezx/cdn@3.5.4/fonts/hs-bold/belwe-bd-bt-bold-webfont.eot");
    src: url("https://cdn.jsdelivr.net/gh/moezx/cdn@3.5.4/fonts/hs-bold/belwe-bd-bt-bold-webfont.eot?#iefix") format("embedded-opentype"),
         url("https://cdn.jsdelivr.net/gh/moezx/cdn@3.5.4/fonts/hs-bold/belwe-bd-bt-bold-webfont.woff2") format("woff2"),
         url("https://cdn.jsdelivr.net/gh/moezx/cdn@3.5.4/fonts/hs-bold/belwe-bd-bt-bold-webfont.woff") format("woff"),
         url("https://cdn.jsdelivr.net/gh/moezx/cdn@3.5.4/fonts/hs-bold/belwe-bd-bt-bold-webfont.ttf") format("truetype"),
         url("https://cdn.jsdelivr.net/gh/moezx/cdn@3.5.4/fonts/hs-bold/belwe-bd-bt-bold-webfont.svg#belwe_bd_btbold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FZLiBian';
    src: url('https://cdn.jsdelivr.net/gh/moezx/cdn@3.5.4/fonts/FZLBJW/FZLBJW--GB1-0.eot');
    src: url('https://cdn.jsdelivr.net/gh/moezx/cdn@3.5.4/fonts/FZLBJW/FZLBJW--GB1-0.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/moezx/cdn@3.5.4/fonts/FZLBJW/FZLBJW--GB1-0.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/moezx/cdn@3.5.4/fonts/FZLBJW/FZLBJW--GB1-0.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/moezx/cdn@3.5.4/fonts/FZLBJW/FZLBJW--GB1-0.ttf') format('truetype'),
        url('https://cdn.jsdelivr.net/gh/moezx/cdn@3.5.4/fonts/FZLBJW/FZLBJW--GB1-0.svg#FZLBJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    background-color: #fff
}

.section-decklist {
    padding: 20px
}

.section-decklist > * {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 241px
}

.hs-decklist {
    padding: 0;
    margin: 0 1px 0 1px
}

.hs-decklist-hero {
    padding: 0;
    margin: 0;
    position: relative;
    height: 97px;
    width: 243px
}

.hs-decklist-hero > img {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    border-radius: 2px;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12)
}

.hs-decklist-hero-frame {
    height: 101px;
    width: 256px;
    overflow: hidden
}

.hs-decklist-hero-frame .hero-frame {
    position: absolute
}

.hs-decklist-hero-frame .hero-image {
    display: block;
    width: 100%;
    margin: -13px 0 0 0
}

.hs-decklist-title {
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 29px;
    width: 191px;
}

.hs-decklist-title > input {
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: 'hs-bold', FZLiBian, 'Serif', serif;
    font-weight: bold;
    letter-spacing: 0.4px;
    color: #fff;
    font-size: 19px;
    text-shadow: 1px 1px #000, 1px -1px #000, -1px -1px #000, -1px 1px #000, 1.2px 1.2px #000, 1.2px -1.2px #000, -1.2px -1.2px #000, -1.2px 1.2px #000
}

.hs-decklist .mdc-list-item {
    height: 39px;
    width: 239px;
    position: relative;
    font-family: 'hs-bold', FZLiBian, 'Serif', serif;
    margin: 1px
}

.deck-entry-with-amount .hs-tile-borders {
    background-image: url("./img/tile_container_number.png")
}

.deck-entry-without-amount .hs-tile-borders {
    background-image: url("./img/tile_container_open.png")
}

.hs-decklist .hs-tile-info {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.hs-decklist .hs-tile-info > span {
    position: absolute
}

.hs-decklist .hs-tile-info .hs-tile-info-left {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 34px;
    height: 100%;
    text-shadow: 1px 1px #000, 1px -1px #000, -1px -1px #000, -1px 1px #000, 1.2px 1.2px #000, 1.2px -1.2px #000, -1.2px -1.2px #000, -1.2px 1.2px #000;
    font-size: 20px
}

.hs-decklist .hs-tile-info .hs-tile-info-middle {
    left: 39px;
    bottom: 7.5px;
    color: #fff;
    letter-spacing: 0.4px;
    font-size: 15px;
    text-shadow: 1px 1px #000, 1px -1px #000, -1px -1px #000, -1px 1px #000, 1.2px 1.2px #000, 1.2px -1.2px #000, -1.2px -1.2px #000, -1.2px 1.2px #000
}

.hs-decklist .hs-tile-info .hs-tile-info-middle span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.hs-decklist .hs-tile-info .hs-tile-info-right {
    right: 0;
    top: 0;
    font-size: 16px;
    color: #e5b544;
    width: 30px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    text-shadow: 1px 1px #000, 1px -1px #000, -1px -1px #000, -1px 1px #000, 1.2px 1.2px #000, 1.2px -1.2px #000, -1.2px -1.2px #000, -1.2px 1.2px #000
}

.hs-tile-shade {
    background-image: url("./img/tile_shade.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 160px;
    height: 28px;
    position: absolute;
    top: 6px;
    line-height: 0
}

.hs-tile-borders {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0
}

.deck-entry:hover {
    position: relative
}

.preview-card {
    display: none;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    position: relative !important;
    overflow: visible !important;
    z-index: 400 !important;
    left: 10px !important;
    top: -400px !important;
    pointer-events: none
}

.deck-entry .hs-tile-mana {
    background-image: url("./img/tile_mana.png");
    background-size: 100% 100%;
    position: absolute;
    left: -5px;
    top: 0;
    width: 43px;
    height: 39px
}

.deck-entry-with-amount .hs-tile-img {
    right: 139px
}

.deck-entry-with-amount .hs-tile-shade {
    left: 22px
}

.deck-entry-with-amount .hs-tile-info-middle {
    max-width: 170px
}

.deck-entry-with-amount .hs-tile-info-middle span {
    width: 170px
}

.deck-entry-without-amount .hs-tile-img {
    right: 119px
}

.deck-entry-without-amount .hs-tile-shade {
    left: 30px
}

.deck-entry-without-amount .hs-tile-info-middle {
    max-width: 190px
}

.deck-entry-without-amount .hs-tile-info-middle span {
    width: 190px
}

.hs-tile-img {
    position: absolute;
    top: 7px;
    line-height: 0
}

.hs-tile-img img {
    position: absolute;
    height: 26px
}
